﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Product.Master" Inherits="System.Web.Mvc.ViewPage<SDT.Site.ViewModels.CartViewModels>" %>
<%@ Import Namespace="SDT.Lib.Helpers" %>
<%@ Import Namespace="SDT.Lib.Paging" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	<%if (Model.ProductInCarts != null)
   {
       var title = string.Empty;
       foreach (var item in Model.ProductInCarts)
       {
           title += item.Product.Name + ", ";
       }
       title += " - muaqua.vn";
       Response.Write(title);
   }
   else {
       Response.Write("muaqua.vn - Dịch vụ từ trái tim! "+DateTime.Now.ToString("dd-MM-yyyy"));
   } %>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<%if (Model.ProductInCarts != null)
  { %>
<div class="contact" id="element-box">
	<div class="t">
		<div class="t">
			<div class="t"></div>
		</div>
	</div>
	<div class="m">	
		<form method=post action="/shopping/updated" name="siteForm" id="siteForm">
		<table width="100%" class="tblprice">
			<thead>
			    <tr>
			        <th width="30">Xóa</th>
			        <th>Tên sản phẩm</th>
			        <th width="100px">Số lượng</th>
			        <th width="120px">Đơn giá</th>
			        <th width="120px">Thành tiền</th>
			    </tr>
			</thead>
			<tbody>				
				<%
            decimal total = 0;
            
            foreach (var item in Model.ProductInCarts)
            {
                total += item.Product.UnitPrice.Value * item.Quantity;
                %>
				<tr>
					<td style="text-align:center"><%= Html.ActionImage("Xóa", "icon-24-delete.png", "shopping", "delete", new Dictionary<string, object>() { { "id", item.Product.ID } })%></td>
					<td>
						<%=Html.Encode(item.Product.Name)%>
					</td>
					<td style="text-align:center">
					<%
                        int[] quantityList = { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 };
                    %>
                    <%= Html.DropDownList("quantityList" + item.Product.ID, new SelectList(quantityList, item.Quantity), new { style = "width: 40px;" })%>
					</td>
					<td style="text-align:right"><%=string.Format("{0:0,0}", item.Product.UnitPrice)%> ₫</td>
					<td style="text-align:right"><%=string.Format("{0:0,0}", item.Product.UnitPrice * item.Quantity)%> ₫</td>
				</tr>
				<%} %>
				<%
                    var products = Model.ProductInCarts.Select(e => e.Product).ToList();
                    var number = Model.ProductInCarts.Sum(e => e.Quantity);
                    var shipVal = SDT.Model.OrderManager.Getshipping(products, number);
                %>
                <tr>
					<td colspan="4" style="text-align:right"><strong>Phí giao hàng</strong></td>
					<td style="text-align:right">
						<%=shipVal>0? string.Format("{0:0,0}", shipVal):"0"%> ₫
					</td>
				</tr>
				<tr>
					<td colspan="4" style="text-align:right"><strong>Tổng tiền</strong></td>
					<td style="text-align:right">
						<%=string.Format("{0:0,0}", total + shipVal)%> ₫
					</td>
				</tr>
			</tbody>
		</table>
		<table width="100%">
		    <tr>
		        <td width="50%" style="text-align:left"><input type="button" class="bnt_long" value="Chọn thêm sản phẩm" onclick="location.href='/product'" /></td>
		        <td width="50%" style="text-align:right"><input type="submit" class="bnt_long" value="Cập nhật giỏ hàng" /></td>
		    </tr>
		</table>
		</form>
	</div>
	<div class="b">
		<div class="b">
			<div class="b"></div>
		</div>
	</div>
</div>
<div class="element-box mar_t">
	<div class="t">
		<div class="t">
			<div class="t"></div>
		</div>
	</div>
	<div class="m">
	    <%if (Model.Customer == null)
       { %>
	    <div class="colInfo" style="border-right: 1px solid #ccc; padding-right:5px;">	        
	        <form action="/account/create" method="post" id="frmRegister" name="frmRegister">
	        <h4 class="titleFrom"><span class="icoInfo">Thông tin tài khoản</span></h4>
	        <table class="contactInfo">
	            <tr>
	                <td style="width:125px">Email (<font color="red">*</font>)</td>
	                <td><%=Html.TextBoxFor(m => m.Customer.Email, new { @class = "required email inpIn", remote = "/AjaxData/ValidateEmail" })%></td>
	            </tr>
	            <tr>
	                <td>Mật khẩu (<font color="red">*</font>)</td>
	                <td><%=Html.PasswordFor(m => m.Customer.Password, new { @class = "required inpIn" })%></td>
	            </tr>
	            <tr>
	                <td>Xác nhận mật khẩu (<font color="red">*</font>)</td>
	                <td><%=Html.Password("txtConfirmPassword", string.Empty, new { @class = "required inpIn", equalTo = "#Customer_Password" })%></td>
	            </tr>
	         </table>
	         <h4 class="titleFrom"><span class="icoInfo">Thông tin liên hệ</span></h4>
	         <table class="contactInfo">   
	            <tr>
                    <td width="125">Họ và tên(<font color="red">*</font>)</td>
                    <td><%=Html.TextBoxFor(m => m.Customer.FullName, new { @class = "required inpIn" })%></td>
                </tr>
	            <tr>
	                <td style="width:125px">Ngày sinh (<font color="red">*</font>)</td>
	                <td><%=Html.TextBox("txtBirthday", string.Empty, new { @class = "datepicker required inpIn", style = "width:170px" })%></td>
	            </tr>
	            <tr>
	                <td>Giới tính (<font color="red">*</font>)</td>
	                <td>
	                    <%foreach (var item in Model.Sexuals)
                       { %>
                          <%=Html.RadioButton("rdoSex", item.Key, item.Key == 1 ? true : false)%><%=item.Value%>
                        <%} %>
	                </td>
	            </tr>
	            <tr>
                    <td>Điện thoại(<font color="red">*</font>)</td>
                    <td><%=Html.TextBoxFor(m => m.Customer.MobilePhone, new { @class = "required inpIn" })%></td>
                </tr>
                <tr>
                    <td>Tỉnh thành(<font color="red">*</font>)</td>
                    <td><%=Html.DropDownList("ddlCity", new SelectList(Model.Cities, "ID", "Name", Model.Customer != null && Model.Customer.CityID.HasValue ? Model.Customer.CityID.Value.ToString() : ""), "-- Chọn Tỉnh / thành phố --", new { @class = "selcusIn required" })%></td>
                </tr>
                <tr>
                    <td>Quận huyện(<font color="red">*</font>)</td>
                    <td><%=Html.DropDownList("ddlDistrict", new SelectList(Model.Districts, "ID", "Name", Model.Customer != null && Model.Customer.District != null ? Model.Customer.DistrictID.ToString() : ""), "-- Chọn Quận / Huyện --", new { @class = "selcusIn required" })%></td>
                </tr>
                <tr>
                    <td>Địa chỉ(<font color="red">*</font>)</td>
                    <td><%=Html.TextBoxFor(m => m.Customer.Address, new { @class = "required inpIn" })%></td>
                </tr>
                <tr>
                <td width="125">Mã xác thực(<font color="red">*</font>)</td>
                <td>
                    <%= Html.TextBox("CaptchaText", string.Empty, new { @class = "inpIn required", style = "width: 100px;", remote = "/AjaxData/ValidateCatcha" })%>&nbsp;
                    <img id="Img1" name="captchaImg" src="/AjaxData/ShowCaptchaImage" style="vertical-align:middle;" />
                    <img src="/images/icon-22-refresh.png" style="cursor:pointer;margin-left:5px;position:relative; vertical-align:middle"; class="changecaptcha" alt="Thay đổi captcha" title="Thay đổi captcha">
                    <script type="text/javascript">
                        $(".changecaptcha").live("click", function() {
                            $("#captchaImg").attr("src", "");
                            $("#captchaImg").attr("src", "/AjaxData/ShowCaptchaImage/?date=" + (new Date()));
                            $("#CaptchaText").val("");
                            return false;
                        });
                    </script>
                </td>	
                </tr>
	            <tr>
	                <td><%=Html.Hidden("hdDeal",0) %></td>
	                <td><input type="submit" value="Đăng ký" id="btnRegister" class="bnt_short" /></td>
	            </tr>
	        </table>	        
		    </form>
	    </div>
	    <div class="colLogin">
	        <h4 class="titleFrom"><span>Bạn đã có tài khoản?</span></h4>
	        <form action="/account/signin" method="post" id="frmLogin" name="frmLogin">
	            <div class="tabLogin boderRadius">
			        <div class="noteLog">"Bạn đã đăng ký tài khoản. Vui lòng đăng nhập"</div>
			        <table class="contactInfo">
                        <tr>
                            <td width="65">Email</td>
                            <td><input type="text" value="" class="required inpLog" name="emaillogin" id="emaillogin" /></td>
                        </tr>
                        <tr>
                            <td>Mật khẩu</td>
                            <td><input type="password" value="" class="required inpLog" name="passlogin" id="passlogin" /></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="checkbox" value="1" name="checkcookie" /> Lưu thông tin</td>
                        </tr>
                        <tr>
                            <td><%=Html.Hidden("hdDeal",0) %></td>
                            <td><input type="submit" value="Đăng nhập" id="btnLogin" class="bnt_short" /></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><a href="/account/resetpassword">Bạn quên mật khẩu?</a></td>
                        </tr>
	                </table>
			    </div>
			</form>			
		</div>
		<%} %>
		<div class="clear"></div>
		<%if (Model.Customer != null)
    { %>
		<form action="/shopping/order" method="post" id="frmOrder" name="frmOrder">
		<div class="tabTransport">		    
		    <h4 class="titleFrom"><span>Địa điểm giao hàng</span></h4>
		    <table class="contactInfo">
		        <tr>
		            <td width="125">Họ và tên(<font color="red">*</font>)</td>
		            <td><%=Html.TextBoxFor(m => m.Order.ReFullName, new { @Value = Model.Customer.FullName, @class = "required inpAdd" })%></td>
		        </tr>
		        <tr>
		            <td>Điện thoại(<font color="red">*</font>)</td>
		            <td><%=Html.TextBoxFor(m => m.Order.RePhone, new { @Value = Model.Customer.MobilePhone, @class = "required inpAdd" })%></td>
		        </tr>
		        <tr>
		            <td>Tỉnh thành(<font color="red">*</font>)</td>
		            <td><%=Html.DropDownList("ddlOrderCity", new SelectList(Model.Cities, "ID", "Name", Model.Customer != null && Model.Customer.CityID.HasValue ? Model.Customer.CityID.Value.ToString() : ""), "-- Chọn Tỉnh / thành phố --", new { @class = "selT required" })%></td>
		        </tr>
		        <tr>
		            <td>Quận huyện(<font color="red">*</font>)</td>
		            <td><%=Html.DropDownList("ddlOrderDistrict", new SelectList(Model.Districts, "ID", "Name", Model.Customer != null && Model.Customer.District != null ? Model.Customer.DistrictID.ToString() : ""), "-- Chọn Quận / Huyện --", new { @class = "selT required" })%></td>
		        </tr>
		        <tr>
		            <td>Địa chỉ giao hàng(<font color="red">*</font>)</td>
		            <td><%=Html.TextBoxFor(m => m.Order.ReAddress, new { @Value = Model.Customer.Address, @class = "required inpAdd" })%></td>
		        </tr>
		        <tr>
		            <td>Thời gian quý khách muốn nhận hàng là(<font color="red">*</font>)</td>
		            <td>
		                <%= Html.TextBox("txtReceiveDate", string.Empty, new { @class = "required datepicker inpAdd", style = "width:100px" })%>
					    <%= Html.TextBox("txtReceiveHour", "00", new { @class = "inpAdd", style = "width: 20px;" })%>:<%= Html.TextBox("txtReceiveMinute", "00", new { @class = "inpAdd", style = "width: 20px;" })%>
		            </td>
		        </tr>
		        <tr>
		            <td>Ghi chú</td>
		            <td><%=Html.TextAreaFor(m => m.Order.Gift, new { @class = "areaNote" })%></td>
		        </tr>
		        <tr>
		            <td></td>
		            <td>
		                <strong class="black">Chú ý:</strong>
		                <div class="noteInfo">		                 
		                - Nếu quý khách muốn chúng tôi gói quà, quý khách có thể ghi: Gói quà màu hồng để tặng cho bạn gái...<br />
                        - Nếu quý khách chỉ có thể nhận hàng vào buổi chiều, quý khách có thể ghi: Vui lòng chuyển hàng tầm 2h-4h chiều và gọi điện trước...<br />
                        - Nếu quý khách không thể nhận hàng tại cơ quan sau 5h chiều, quý khách vui lòng ghi: Có thể nhận hàng tại nhà vào buổi tối và nhớ gọi điện trước...<br />
		                </div>
		            </td>
		        </tr>		        
		    </table>
		</div>
		<div class="clear"></div>
		<div class="tabTransport">
		    <h4 class="titleFrom"><span>Hình thức thanh toán</span></h4>
		    <div class="mar_t pay">
		        <ul>
		        <%foreach (var item in Model.Payments)
            { %>
                    <li>
                        <%=Html.RadioButton("rdoPayment", item.ID, item.ID == Model.Payments.Min(e => e.ID) ? true : false, new { onclick = "showOrder(" + item.ID + ");" })%>
                        <%=item.Name%>
                        <%if (item.Description != null && item.Description != string.Empty)
                          { %>
                        <div class="mar_t hide boxPay" id="divPayment<%=item.ID %>">
                            <%=item.Description%>
                        </div>
                        <%} %>
                    </li>
		        <%} %>
		        </ul>
		    </div>
		    <div class="mar_t">
		        <table class="contactInfo">
		            <tr>
		                <td width="125">Mã xác thực(<font color="red">*</font>)</td>
		                <td>
		                    <%= Html.TextBox("CaptchaText", string.Empty, new { @class = "inpAdd required", style = "width: 100px;", remote = "/AjaxData/ValidateCatcha" })%>&nbsp;
				            <img id="captchaImg" name="captchaImg" src="/AjaxData/ShowCaptchaImage" style="vertical-align:middle;" />
				            <img src="/images/icon-22-refresh.png" style="cursor:pointer;margin-left:5px;position:relative; vertical-align:middle"; class="changecaptcha" alt="Thay đổi captcha" title="Thay đổi captcha">
			                <script type="text/javascript">
			                    $(".changecaptcha").live("click", function() {
			                        $("#captchaImg").attr("src", "");
			                        $("#captchaImg").attr("src", "/AjaxData/ShowCaptchaImage/?date=" + (new Date()));
			                        $("#CaptchaText").val("");
			                        return false;
			                    });
                            </script>
		                </td>
		            </tr>
		             <tr>
		                <td></td>
		                <td><input type="submit" class="bnt_long" value="Hoàn tất mua hàng" /></td>
		            </tr>
		        </table>
		    </div>
		</div>   
		</form> 
		<%} %>
		<div class="footer_visa">
			<p>Chấp nhận:</p>
        	<img border="0" src="/images/visa.png">
        	<img border="0" src="/images/master.png">
        	<img border="0" src="/images/onepay.png">
			<img border="0" src="/images/nganluong.png">
		</div>
		<div class="clear""></div>
	</div>
	<div class="b">
		<div class="b">
			<div class="b"></div>
		</div>
	</div>
</div>	
<script type="text/javascript">
    $(document).ready(function() {
        $.datepicker.setDefaults($.datepicker.regional['vi']);
        $(".datepicker").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            showOn: "button",
            buttonImage: "/Images/calendar.gif",
            buttonImageOnly: true,
            changeYear: true
        });
        $(".datepicker").mask("99/99/9999");
        $("#txtReceiveHour").mask("99");
        $("#txtReceiveMinute").mask("99");
        $('#ddlCity').change(function() {
            var id = $('#ddlCity').val() == "" ? 0 : $('#ddlCity').val();
            $.get('/AjaxData/GetDistrict/' + id, function(data) {
                $('#ddlDistrict').html(data);
            });
        });
        $('#ddlOrderCity').change(function() {
            var id = $('#ddlOrderCity').val() == "" ? 0 : $('#ddlOrderCity').val();
            $.get('/AjaxData/GetDistrict/' + id, function(data) {
                $('#ddlOrderDistrict').html(data);
            });
        });
        $("#frmRegister").validate({
            messages: {
                "Customer.Email": {
                    required: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    email: "Email không hợp lệ, vui lòng nhập lại (ví dụ: abc@yahoo.com)",
                    remote: "Email đã được sử dụng, vui lòng chọn email khác."
                },
                "Customer.Password": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                txtConfirmPassword: {
                    required: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    equalTo: "Xác nhận mật khẩu không đúng, vui lòng nhập lại dữ liệu!"
                },
                ddlCity: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                ddlDistrict: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                txtBirthday: "Trường này là bắt buộc, vui lòng nhập dữ liệu!"
            }
        });
        $("#frmLogin").validate({
            messages: {
                emaillogin: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                passlogin: "Trường này là bắt buộc, vui lòng nhập dữ liệu!"
            }
        });
        $("#frmOrder").validate({
            messages: {
                "Order.ReFullName": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                "Order.RePhone": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                "Order.SeAddress": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                txtReceiveDate: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                ddlOrderCity: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                ddlOrderDistrict: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                CaptchaText: "Trường này là bắt buộc, vui lòng nhập dữ liệu!"
            }
        });
    });
    function showOrder(type) {
        var type = parseInt(type);
        $('.boxPay').css('display', 'none');
        var showid = "divPayment" + type;
        $('#' + showid).css('display', 'block');
    };
</script>
<%}
  else
  { %>
  <div class="noteInfo">		                 
    Giỏ hàng hiện tại chưa có sản phẩm nào. Click <a href="/home"><strong class="t_red">vào đây</strong></a> để tiếp tục mua sắm<br />
    </div>
<%} %>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="RightContent" runat="server">
<% Html.RenderPartial("~/Views/Shared/Common/Hotline.ascx"); %>
<% Html.RenderAction("GetHome", "Product", new { viewName = "Right" }); %>
<% Html.RenderAction("GetTags", "Product", new { typeid = 0, catid = 0, holidayid = 0, eventid = 0, number = 10, order = "ID", orderDir = "desc", title = "Top từ khóa", viewName = "Tag" }); %>
<div align="center"><a href="#"><img src="/images/mq/price.png" /></a></div>  
</asp:Content>

